<template>
  <view class="no-more">
    <image class="no-more-pic" src="/static/images/order/kong@2x.png" mode="aspectFill"></image>
    <view class="no-more-desc">There's nothing here</view>
  </view>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.no-more {
  width: 100%;
  height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  &-pic {
    width: 378rpx;
    height: 378rpx;
  }

  &-desc {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 28rpx;
    color: rgba(0, 0, 0, 0.5);
    line-height: 40rpx;
    margin-top: 15rpx;
  }
}
</style>
